<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<script type="text/javascript">

function Aendern () 
	{
	
	    var Menge = document.getElementById('Menge').value;	
		var Artikel = document.getElementById('Artikel').value;
								
		var newTR = document.createElement("tr");
		document.getElementById("Tabelle1").appendChild(newTR);
		
		var newTD1 = document.createElement("td");
		newTD1.innerHTML = '<p id="Menge">' + Menge + '</p><a href="javascript:Aendern()"></a>';
		newTR.appendChild(newTD1);
		
		var newTD2 = document.createElement("td");
		newTD2.innerHTML = '<p id="Artikel">' + Artikel + '</p><a href="javascript:Aendern()"></a>';
		newTR.appendChild(newTD2);
		
		
		
		
		
  		document.forms[0].reset();
		}


</script>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/></head>

	<div id="index"/>
    
    <body background="Views/background.jpg" >

	<img src="Views/fls.jpg" width=1200 height=300/>
	
	<h3 align="center"><font face="Verdena">Herzlich Willkommen und viel Spaß bei Ihrer Menüauswahl</font></h3>

	<hr width=1200 align="left"/>
	
	<h4 width=900 align="center"><font  size="2" face="Verdena"> Wählen sie sich ihre Getränke, Backwaren und Zutaten aus. <br/>
	Diese werden damit automatisch zu ihrem Wunschmenü hinzugefügt. <br/>
	Wenn Sie ihr gewünschtes Menü erstellt haben drücken Sie auf den "Fertig" Button um ihre Kundendaten einzugeben.</font></h4>
	
     <h1>Artikelwahl</h1>

<form name="Maske"method="get" action="Views/bestellung.html">
	<table id="Tabelle1" border="3" cellpadding="5" cellspacing="8">
	 <colgroup>
    <col width="80">
    <col width="300">
    <col width="80">
  </colgroup>
		<tr>
			<th align="right">Artikel:</th>
			<th>
			<select name="Artikel" name="top5" size="7" maxlenth="120" id="Artikel" >
				<option>...bitte wählen Sie</option>
				<option value="">-----Getränke-----</option>
				<option value="Kaffee Schwarz 0,3L 1,50 Euro">Kaffee Schwarz 0,3L 1,50 Euro</option>
				<option value="Fruechte Tee 0,3L 1,00 Euro">Fruechte Tee 0,3L 1,00 Euro</option>
				<option value="Schwarzer Tee 0,3L 1,00 Euro">Schwarzer Tee 0,3L 1,00 Euro</option>
				<option value="Orangensaft 0,3L 1,00 Euro">Orangensaft 0,3L 1,00 Euro</option>
				<option value="Schokomilch 0,3L 1,00 Euro">Schokomilch 0,3L 1,00 Euro</option>
				<option value="">----Backwaren----</option>
				<option value="Schwarzbrot 50gr 0,30 Euro">Schwarzbrot 50gr 0,30 Euro</option>
				<option value="Semmel 30gr 0,25 Euro">Semmel 30gr 0,25 Euro</option>
				<option value="Laugenbreze 50gr 0,50 Euro">Laugenbreze 50gr 0,50 Euro</option>
				<option value="Volkornsemmel 70gr 0,50 Euro">Volkornsemmel 70gr 0,50 Euro</option>
				<option value="Salzstange 50gr 0,40 Euro">Salzstange 50gr 0,40 Euro</option>
				<option value="">-----Zutaten-----</option>
				<option value="Nutella 30gr 0,50 Euro">Nutella 30gr 0,50 Euro</option>
				<option value="Butter 30gr 0,50 Euro">Butter 30gr 0,50 Euro </option>
				<option value="Aufschnit 100gr 1,50 Euro">Aufschnit 100gr 1,50 Euro</option>
				<option value="Emmentaler 100gr 1,50 Euro">Emmentaler 100gr 1,50 Euro </option>
				<option value="Fruechte Marmelade 30gr 0,50 Euro">Fruechte Marmelade 30gr 0,50 Euro</option>
			<select/>
			</th>
			</tr>


			
			<tr><th align="right">Menge:</th><th><input name="Menge" type="text" size="30" maxlenth="30" id="Menge"></th></tr>
			
			<tr><th><input type="button" tabindex="2" value="hinzufügen" onClick="Aendern ();"></th></tr>
		
		<tr/>
		<tr/>
		<tr/>
		<tr/>

		
		
		<tr>
		<th>Menge</th>
		
		<th>Artikel</th>
		
		</tr>
	</table>
	</form>		          
					
	<a href="Views/kundenreg.html" type="button" value="Weiter">Weiter</a>
	
				
	<table align="center"><a href="Views/Impressum.html">Impressum | </a> <a href="Views/Info.html">Info |</a><a href="Views/Kontakt.html"> Kontakt </a> </a><a href="Views/Spiel.html"> | Kleiner Zeitvertreib </a></table>		
						
</body>
</html>  